<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, 
    initial-scale=1.0,    
    height=device-height,
    minimum-scale=1.0,
    maximum-scale=1.0
    user-scalable=no">
    <title>弦丽的倒计时</title>
    <link rel="stylesheet" href="./mystyle.css">
    <script src="./main.js"></script>
</head>
<body>
    <div id="container">
        <h2>倒计时特效</h2>
        <p>当前日期:<span  id="now"></span>
        <p>设置目标时间：<input id="txtEndTime" type="time" value="15:29:59" ></p>
        <p><b>提示：</b>如果倒计时为00:00:00，可以重新设置结束时间</p>
        <canvas id="canvas" >
            您的浏览器不支持，请升级最新版本或更换浏览器，建议使用google chrome或microsoft Edge!
        </canvas>
    </div>

</body>
</html>